<!DOCTYPE html>
<html lang="en" xmlns="http://www.w3.org/1999/xhtml" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=0">
    <meta name="keywords" content="逗逼联盟,逗逼阅读,无广告,小说" th:content="${systemInfo.metaKeywords}" />
    <meta name="description" content="做最简洁，最干净的小说聚合网站" th:content="${systemInfo.metaDescription}" />
    <title th:text="${systemInfo.sitename}+'-首页'">逗逼阅读-首页</title>
    <style>
        .content {
            padding-top: 10%;
        }

        .title-logo {
            height: 60px;
        }

        .title-item {
            font-size: 30px;
            font-weight: bolder;
            line-height: 50px;
            margin-top: 30px;
            text-align: center;
        }

        .ps {
            text-align: center;
            padding: 20px;
            margin-bottom: 60px;
        }
    </style>
    <link rel="stylesheet" th:href="@{/css/home.css}" href="../../../static//css/home.css">
    <link rel="stylesheet" th:href="@{/css/custom_theme.css}" href="../../static/css/custom_theme.css">
    <link rel="stylesheet" th:href="@{/lib/layui/css/layui.css}" href="../../static/lib/layui/css/layui.css">
    <script th:replace="public/top::StatisticsJs"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.js"></script>
</head>
<body class="theme-0">
<script th:src="@{/js/home.js}" src="../../static/js/home.js"></script>

<!-- 导航栏 -->
<div th:replace="public/top::header">

</div>

<div class="layui-container">


    <div class="layui-row">
        <div class="title-item layui-col-md4 layui-col-md-offset4">
            <img src="../../static/imgs/icon/logo.png" th:src="@{/imgs/icon/logo.png}" class="title-logo">
            <span th:text="${systemInfo.sitename}">逗逼联盟-逗逼阅读</span>

        </div>

    </div>


    <div class="content">
        <form th:action="@{/search}" action="/search" method="post" class=" layui-fluid">
            <div class="layui-row layui-col-space20">
                <div class="layui-col-xs6 layui-col-xs-offset1 layui-col-sm7 layui-col-sm-offset1 layui-col-md4 layui-col-md-offset3">
                    <input type="text" name="name" required lay-verify="required" placeholder="请输入书名或作者名"
                           class="layui-input">
                </div>
                <div class="layui-col-xs4 layui-col-sm3 layui-col-md2">
                    <button type="submit" class="layui-btn layui-btn-fluid layui-btn-radius">搜索</button>
                </div>
            </div>
        </form>
    </div>

    <div class="ps layui-row">
        PS:每个搜索源只取前十，搜索时请尽量输入完整名称
    </div>

    <div class="layui-row">
        <ul class="layui-timeline layui-col-md-offset5 layui-col-xs-offset3">
            <li class="layui-timeline-item" th:each="groupMap : ${list}">
                <i class="layui-icon layui-timeline-axis">&#xe63f;</i>
                <div class="layui-timeline-content layui-text">
                    <h3 class="layui-timeline-title" th:text="${#dates.format(groupMap.created,'yyyy年MM月dd日')}">2019年11月13日</h3>
                    <div th:utext="${groupMap.updateDes}">内容</div>
                </div>
            </li>
        </ul>
    </div>
    <br>
    <br>
    <br>

</div>

<!-- 底部 -->
<div th:replace="public/bottom::footer" style="position: fixed">

</div>
<script th:src="@{/lib/layui/layui.all.js}" src="../../static/lib/layui/layui.all.js"></script>
</body>
</html>